<extend name="default/public/common" />
<block name="main">
    <div class="comments" style="width:60%;margin:0 auto;">
        <div class="container" style="margin-top: 10px;">
            <div id="myNiceCarousel" class="carousel slide" data-ride="carousel" style="-webkit-box-shadow:0 0 10px #ccc;-moz-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;">
                <!-- 圆点指示器 -->
                <ol class="carousel-indicators">
                    <li data-target="#myNiceCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myNiceCarousel" data-slide-to="1"></li>
                    <li data-target="#myNiceCarousel" data-slide-to="2"></li>
                </ol>

                <!-- 轮播项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="First slide" src="http://zui.sexy/docs/img/slide1.jpg">
                        <div class="carousel-caption">
                            <h3>我是第一张幻灯片</h3>
                            <p>:)</p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="Second slide" src="http://zui.sexy/docs/img/slide2.jpg">
                        <div class="carousel-caption">
                            <h3>我是第二张幻灯片</h3>
                            <p>0.0</p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="Third slide" src="http://zui.sexy/docs/img/slide3.jpg">
                        <div class="carousel-caption">
                            <h3>我是第三张幻灯片</h3>
                            <p>最后一张咯~</p>
                        </div>
                    </div>
                </div>
                <!-- 项目切换按钮 -->
                <a class="left carousel-control" href="#myNiceCarousel" data-slide="prev">
                    <span class="icon icon-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#myNiceCarousel" data-slide="next">
                    <span class="icon icon-chevron-right"></span>
                </a>
            </div>
        </div>
        <div class="container">
            <div class="col-md-9"  style="-webkit-box-shadow:0 0 10px #ccc;-moz-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;margin-top:20px; ">
                <div class="list list-condensed">

                    <div class="items items-hover">
                        <volist name="list" id="vo">
                        <div class="item">
                            <div class="item-heading">
                                <div class="pull-right"> <span class="text-muted">{$vo.ctime|date='Y-m-d H:i:s',###}</span> &nbsp;</div>
                                <h4><a href="{:U('bbs/detail')}?id={$vo.id}">{$vo.title}</a></h4>
                            </div>
                            <div class="item-content">
                                <div class="text"><a href="{:U('bbs/detail')}?id={$vo.id}" style="color:#020202;">{$vo.content|substr=0,204}</a></div>
                            </div>
                        </div>
                        </volist>
                    </div>
                    <footer style="text-align: center;">
                        {$page}
                    </footer>
                </div>
            </div>
            <div class="col-md-3" style="margin-top:20px;">
               <div style="-webkit-box-shadow:0 0 10px #ccc;-moz-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;width:100%;margin-left:4%;">
                   <div class="container">
                       <a href="{:U('bbs/add')}" class="btn btn-primary" style="margin:20px auto;width:100%;font-size:26px;"><i class="icon icon-pencil" style="font-size:26px;"></i>  投稿</a>
                       <div class="panel" style="padding-left:10px;">
                           <div class="panel-heading">
                               板块推荐
                           </div>
                           <div class="panel-body">
                               <volist name="titles" id="vo">
                                   <a href="{:U('bbs/index')}?id={$vo.id}" class="btn btn-primary" style="margin:5px;width:40%;><i class="icon icon-pencil"></i>  {$vo.title}</a>
                               </volist>
                           </div>
                       </div>
                       <div class="panel" style="padding-left:10px;">
                           <div class="panel-heading">
                               热门推荐
                           </div>
                           <style>
                               .panel-body ul li{
                                   padding:5px;
                               }
                           </style>
                           <div class="panel-body">
                               <ul>
                                   <volist name="hot" id="vo">
                                   <li><a href="{:U('bbs/detail')}?id={$vo.id}">{$vo.title}</a></li>
                                   </volist>
                               </ul>
                           </div>
                       </div>

                       <div class="panel" style="padding-left:10px;">
                           <div class="panel-heading">
                               活动推荐
                           </div>
                           <div class="panel-body" style="text-align:center;">
                               <img src="http://zui.sexy/docs/img/img1.jpg" width="200px" height="200px" class="img-rounded" alt="圆角图片" style="margin:10px 0;">
                           </div>
                       </div>


                   </div>
               </div>
            </div>
        </div>
    </div>
</block>